<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *
    {
        margin: 0px;
        padding: 0px;
    }
    #container
    {
        width: 750px;
        height: 1000px;
        /* 上下距离  左右距离_auto 居中 */
        margin: 0px auto;
    }
    #left
    {
        width: 254px;
        height: 700px;
        /* 向左浮动 */
        float: left;
        /* no-repear 只显示一遍    top 从盒子上面开始显示出来 */
        background: url(./素材/images/flower.png) no-repeat top;

    }
    #left-content
    {
        width: 254px;
        height: 500px;
        /* 外边距(距离外面元素的距离)  往下移 */
        margin-top: 173px;
        background: url(./素材/images/sidebg.gif) no-repeat top;
        background-color: #FFF;
        /*  */
        overflow: hidden;
    }
    h3 
    {
        /* 上下左右移--marign */
        margin-left: 50px;
        margin-top: 30px;
        margin-right: 50px;
        /* 字体颜色 */
        color: #666;
        /*  border - 边框   solid -实线 */
        border-left: 8px solid #6cf;
        border-bottom: 2px solid #6cf;
        /* 字左移 */
        padding-left:10px ;
    }
    ul
    {
        margin-left: 100px;
    }
    li
    {
        list-style: none;
        color: #1B5790;
        line-height: 2em;
    }
    /* a标签默认效果 */
    a:link
    {
        color: #1B5790;
        text-decoration: none;
    }
    a:hover
    {
        /* 鼠标放上去字加粗 */
        font-weight: bold;
    }
    #right
    {
        width: 488px;
        height: 750px;
        /* 向右浮动 */
        float:right;
    }
    h1
    {
        font-size: 36px;
        line-height: 2em;
        color: #1b5790;
        /* 里面元素距离边框的距离 */
        padding-left: 20px;
    }
    #main
    {
        width: 488px;
        height: 650px;
        background: url(./素材/images/mainbg.gif) no-repeat top;
        background-color: #FFF;
        padding: 10px;

    }
    h2
    {
        font-size: 24px;
        color: #F00;
        line-height: 2em;
        padding-left: 30px;
    }
    p
    {
        /* 首行缩进 */
        text-indent: 2em;
        line-height: 2em;
        font-size: 14px;
        font-family: "仿宋";
    }
    body
    /* repeat-x 只在横轴上面重复显示 */
    {
        background: url(./素材/images/bg.gif) repeat-x;
    }
</style>
<body>
    <div id="container">

        <div id="left">
            <div id="left-content">
                <h3>百合花推荐</h3>
                <ul>
                    <li><a href="#">蝴蝶兰</a></li>
                    <li><a href="#">薰衣草</a></li>
                    <li><a href="#">风信子</a></li>
                    <li><a href="#">木槿花</a></li>
                </ul>
                <h3>相关链接</h3>
                <ul>
                    <li><a href="#">鲜花图片</a></li>
                    <li><a href="#">花卉养殖</a></li>
                    <li><a href="#">插画技巧</a></li>
                    <li><a href="#">鲜花知识</a></li>
                </ul>
            </div>
            
        </div>

        <div id="right">
            <h1>浪漫花语百科网</h1>
            <div id="main">
                <h2>绣球花简介</h2>
                <p>
                    绣球花（Hydrangea Macrophylla），又名八仙花、紫阳花、七变花、粉团花、洋绣球等，原产于中国四川一带及日本。
                    绣球花为虎耳草科绣球属落叶灌木，株高0.5-1米，叶椭圆形或倒卵形，边缘具钝齿，伞房花序顶生，球状。
                    绣球花几乎为无性花，所谓的“花”只是萼片而已。
                </p>
                <p>
                    中国栽培八仙花的时间较早，在明、清时代建造的江南园林中都栽有绣球花。20世纪初建设的公园也离不开绣球花的培植。
                    现代公园和风景区都已成片栽种，形成景观。人工培育的绣球花花大色艳，花色有蓝色、白色、紫红色、粉红色、桃红色等
                    。绣球花是一种常见的观赏花木。
                </p>
                <h2>绣球花花语</h2>
                <p>
                    绣球花原产于中国四川一带及日本。如今，日本主要盛产绣球花。其实，中国栽培绣球花的时间较早，在明、清时代建造的
                    江南园林中都栽有绣球花。人工培育的绣球花花大色艳，花色有蓝色、白色、紫红色、粉红色、桃红色等。绣球花是一种常
                    见的观赏花木。
                </p>                
                <p>
                    绣球花的颜色主要为白色和蓝色，此外，粉红色和紫色的绣球花也非常多。那么，不同颜色的绣球花又有怎样的花语呢？
                    先，白色绣球花的花语是希望。白色是非常圣洁的颜色，它是纯洁、天真和光明的象征，所以白色绣球花代表希望。
                </p>
                <p>
                    据说，喜爱白色绣球花的人，一般具有强大的忍耐力和包容力，他们能够为别人带去光明和希望。所以，如果你喜欢白色
                    绣球花，就表示你的心中充满光明和希望，不妨为他人也送一束白色绣球花，将光明与希望传给更多人。
                </p>
                <p>
                    日常生活中，我们经常会见到蓝色绣球花，那么蓝色绣球花的花语是什么呢？其实，蓝色绣球花的花语是浪漫和美满。
                </p>
                <p>
                    绣球花是一种非常浪漫、多情的花卉，蓝色是富有感情的颜色，所以，蓝色绣球花代表浪漫和美满。此外，紫色是一种表
                    达美好寓意的颜色，所以，紫色绣球花的花语是永恒和团聚，它表示我们的爱情和亲情都有美满的结局。
                </p>
            </div>
        </div>
    </div>
</body>
</html>